<template>
  <div class="zh-container w-full h-full" v-loading="loading">
    <router-view></router-view>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { useGlobalStore } from './store/global'
import { storeToRefs } from 'pinia'

export default defineComponent({
  setup() {
    const globalStore = useGlobalStore()
    const { loading } = storeToRefs(globalStore)
    return {
      loading,
    }
  },
})
</script>

<style lang="scss">
:root {
  --bg-primary: rgb(13, 110, 253);
  --text-primary: #056de8;
  --zh-green: #11a668;
}
.zh-container {
  background-color: #fbfcfc;
  min-height: 100vh;
}
</style>
